<div class="vtrade-terminal-container">
  <div class="terminal-content">
    <vtrade-buyin [ngClass]="{'buyin-active': isBuyinFocus}" [tradeTypeSource]="buyinTypeSource" [stockSource]="validTradeSource"
      [summarySource]="summarySource" [priceUpdateSource]="bidAskValueSource" [emptySource]="emptySource" (onConfirm)="showModal($event)"
      (click)="focusVtrade('buyin')" (onError)="onError($event)" (onChangeSymbol)="updateChart.next($event)"></vtrade-buyin>
    <div class="terminal-middle">
      <div class="bid-ask">
        <bidask [place]="'vtrade'" [quoteSource]="validTradeSource" [emptySource]="emptySource" (bidOrAskClick)="updateBidAskPrice($event)"></bidask>
      </div>
      <ul class="current-top-bottom">
        <li class="current-bottom" (click)="updatePrice(bottomPrice)">
          <span>跌停</span>
          <span class="bottom-price">{{bottomPrice | number:'1.2-2'}}</span>
        </li>
        <li class="current-top" (click)="updatePrice(topPrice)">
          <span>涨停</span>
          <span class="top-price">{{topPrice | number:'1.2-2'}}</span>
        </li>
      </ul>
    </div>
    <vtrade-buyin [ngClass]="{'saleout-active': isSaleoutFocus}" [tradeTypeSource]="saleoutTypeSource" [stockSource]="validTradeSource"
      [summarySource]="summarySource" [priceUpdateSource]="bidAskValueSource" [emptySource]="emptySource" (onConfirm)="showModal($event)"
      (click)="focusVtrade('saleout')" (onError)="onError($event)" (onChangeSymbol)="updateChart.next($event)"></vtrade-buyin>
    <vtrade-modal *ngIf="isShowVtradeModal" (onHide)="isShowVtradeModal=false" (onConfirm)="onConfirm($event)"></vtrade-modal>
  </div>
</div>